<html>
<head>
</head>
	<wicket:head>
		<link type="text/css" href="css/jq/jquery.timeentry.css" rel="stylesheet" />	
		<script type="text/javascript" src="js/jq/jquery.timeentry.min.js"></script>
	</wicket:head>
<body>
<wicket:panel>
	<div class="es-actionBox es-softCornerAll" id="schPanelAP"><form wicket:id="ScheduleFormSchPanel">
    	<div class="es-actionContainer">
    		<input type="hidden" wicket:id="startTimeSchPanel"></input>
    		<input type="hidden" wicket:id="endTimeSchPanel"></input>
    		<div style="border:1px solid #EEEEEE; padding:5px">
    			<div style="font-weight:bold;padding-bottom:2px;padding-left:5px;">Create a schedule:</div>
                <div style="width:400px; padding-left:15px;">
                    <div style="padding-bottom:2px" class="clearfix">
                    	<div style="float:left;vertical-align:middle;width:50px;padding:4px;">
                    		Title:&nbsp;
                    	</div>
                    	<div style="float:left;">
                    		<input wicket:id="nameEvtSchPanel" type="text" style="width:300px;"/>
                    	</div>
                    </div>
                    <div class="clearfix">
	                    <div style="float:left;vertical-align:middle;width:50px;padding:4px;">Timings:&nbsp;</div>
	                    <div style="float:left;padding-bottom:2px">
	                		<input type="text" id="startDateSchPanel" style="width:65px;background-color:#ffffff;border:1px solid #627AAD;" readonly="readonly" />
	                        <input type="text" id="startTimeSchPanel" style="width:50px;" />
	                        <span>&nbsp;To&nbsp;</span>
	                        <input type="text" id="endDateSchPanel" style="width:65px;background-color:#ffffff;border:1px solid #627AAD" readonly="readonly" />
	                        <input type="text" id="endTimeSchPanel" style="width:50px;" />
	                    </div>
	                </div>
                    <div style="padding-bottom:2px" class="clearfix">
                    	<div style="float:left;width:50px;padding:4px;">
                    		Location:&nbsp;
                    	</div>
                    	<div style="float:left;">
                    		<input wicket:id="locationSchPanel" type="text" style="width:300px;" value="Event Location" />
                    	</div>
                    </div>                    
                </div>
    		</div>
    		
			<div class="js-swapper">	        		         
			</div>
        </div>
        <div class="es-actionButtons">
        	<button type="submit" id="SPSubmit" class="es-button ui-state-default ui-corner-all">Submit</button> 
		</div>		
        </form><div style="clear:both"></div>
	</div>
</wicket:panel>
</body>	
</html>